﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<title>查看统计</title>
	<link rel="stylesheet" href="../css/index.css" />
	<!--<link rel="stylesheet" href="../css/caculate.css" />-->
	<link rel="stylesheet" href="../css/font-icons.css" />
	<script src="../js/jquery-1.7.2.min.js"></script>
    <script src="../js/highcharts.js"></script>
    <script src="../js/caculate.js"></script>
	<style>
		* {
			margin: 0;
			padding: 0;
			font-family: "微软雅黑";
			font-size: 14px;
		}


			width: 100%;
			height: 100%;
			-moz-user-select: none; /*火狐*/
			-webkit-user-select: none; /*webkit浏览器*/
			-ms-user-select: none; /*IE10*/
			user-select: none;
		}

		ul, li {
			list-style: none;
		}
		div,li,span,a{
			outline:none;
		}
		a {
			text-decoration: none;
			color: inherit;
		}
		#detailinfo{
			height:25px;
			line-height: 25px;
			width:50%;
			overflow:auto;
			padding-top:20px;
		}

		#studyMain {
			width: 925px;
			height: 353px;
			margin: 30px auto 0 auto;
		}
		#figure{
			width: 925px;
			height: 353px;
		}

		#draw-type {
			bottom: 70px;
			width: 600px;
			height: 50px;
			position: absolute;
		}

		#table,#pie,#column{
			width: 925px;
			height: 353px;
		}
		#table table{
			width: 925px;
			height: auto;
		}
		#table table tr{
			text-align: center;
			width: 925px;
			height: 30px;
		}

		#draw-type{
			width: 925px;
			height: 40px;
			line-height: 40px;
		}
		#draw-type li {
			height: 100%;
			width: 33%;
			float: left;
			text-align: center;
			background:#eee;
			border-right:1px solid #666;
		}
		#draw-type li:nth-of-type(1){
			background:#00a1ea;
			color:#fff
		}
		#draw-type li:nth-child(3){
			border:none;
		}
		#detailinfo span{
			cursor:pointer;
		}
		#detailinfo span:hover{
			color:red;
		}
	</style>
</head>
<body>
<div id="header">
	<span class="ti-user">用户：</span>
	<span class="userName"></span>
	<span class="enter">退出登录</span>
	<a href="html/modifyPassword.html"><span  class="amend"> 修改密码</span></a>
</div>
<div id="tab" style="top:0;left:0;">
    <ul>
        <li class="active" name="show_bug" id="lookBug"><a href="##" class="BK">查看Bug</a></li><li name="show_need" id="lookNeeds"><a href="##">查看需求</a></li>
    </ul>
</div>
<div id="studyMain" style="left:0;">

		<div id="detailinfo">
			<span class="backArea">集团</span>
			<span class="backField"></span>
			<span class="project"></span>
		</div>
		<div id="figure">
		    <div id="pie" style="display:none;max-width: 434px"></div>
		    <div id="column"></div>
		    <div id="table" style="display:none; "></div>
		</div>
		<div id="draw-type">
			<ul>
				<li id="column-type">柱状图</li>
				<li id="pie-type">饼状图</li>				
				<li id="table-type">列表</li>
			</ul>
		</div>
</div>
<div id="footer">
	<ul>
		<li >
			<a href="../index.html">
				<div>查看</div>
			</a>
		</li>
		<li>
			<a href="add.html">
				<div>添加</div>
			</a>
		</li>
		<li class="active chooseCol">
			<a href="caculate.html"  class="active">
				<div>统计</div>
			</a>
		</li>
		<li>
			<a href="mine.html">
				<div>我的</div>
			</a>
		</li>
	</ul>
</div>
<script>
	if(localStorage.token == ""){
		alert('请先登录')
		window.location.href = 'login.html'
	}
	$('.enter').click(function(){
		localStorage.token = '';
		localStorage.userid = '';
		window.location.href = 'login.html'
	})
	$('.userName').html(localStorage.userName);
	$("#tab li").on("click",function(){
		var idName=$(this).attr("name");
		$("div[id='"+idName+"']").show().siblings().hide();
		$(this).children('a').addClass('BK');
		$(this).siblings('li').children('a').removeClass('BK');
	});
</script>
</body>
</html>
